<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>01_JS的三种引入方式</title>
</head>
<body>
    <!-- 1.行内写法:写在对应的HTML元素上
     onclick=""给元素添加一个点击事件,点击元素时触发执行""里的代码
     alert()显示弹窗 ()里是弹窗中显示的文本
     console.log() 向前端控制台输出内容 -->
    <button onclick="alert('请先登录!')">点击即玩</button>
    <button onclick="console.log('点我干嘛')">点击即玩</button>

    <!-- 2.JS的内部写法,在body结束之前加script标签 -->
    <h1 id="aaa">一级标题!</h1>
    <!--2.内部写法 要求写在body结束之前! -->
    <script>
        console.log('我是JS代码');
        //可以通过id值直接获取其对应的HTML元素
        console.log(aaa);
    </script>

    <!--3.引入外部的js文件-->
    <script src="01.js">
        //注意:用来引入外部JS代码的script中间不能写代码,写了也不会执行!
        console.log('测试会不会执行!');
    </script>
</body>
</html>